<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <!--忽略页面中的邮箱格式为邮箱-->
    <meta name="format-detection" content="email=no">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="format-detection" content="telephone=no,address=no,email=no">
    <title>指导方案--好玩的喷刷画</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <link rel="stylesheet" href="../css/myswiper.min.css">
    <link rel="stylesheet" href="../css/guid_sch.css">
</head>
<body style="font-family: myFont;">
<div class="coverLayer">
    <p class="layerText">
        左右滑动切换内容
    </p>
    <img src="../images/icon/silde_icon.png" alt="" class="layerImg">
    <div class="layerBtn">
        <a href="#">知道了</a>
    </div>
</div>
<div id="top">
    <div class="swiper-container" id="nav">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <span style="color:rgba(255, 83, 11, 1);">活动介绍</span></div>
            <div class="swiper-slide">
                <span>物料准备</span></div>
            <div class="swiper-slide">
                <span>前期准备</span></div>
            <!--<div class="swiper-slide">-->
            <!--<span>现场准备</span></div>-->
            <div class="swiper-slide">
                <span>活动流程</span></div>
            <div class="swiper-slide">
                <span>活动总结</span></div>
            <div class="bar">
                <div class="color"></div>
            </div>
        </div>
    </div>
</div>
<div class="swiper-container" id="page">
    <div class="swiper-wrapper">
        <div class="swiper-slide slidepage">
            <div class="swiper-container scroll">
                <div class="swiper-wrapper">
                    <div class="swiper-slide slidescroll">
                        <div class="guid_li">
                            <div class="intr_div">
                                <div class="intr_tit clearfix">
                                    <span class="fl line_sp"></span>
                                    <h3 class="fl title_h">活动名称:</h3>
                                </div>
                                <div class="intr_text">
                                    <p>
                                        好玩的喷刷画
                                    </p>
                                </div>
                            </div>
                            <div class="intr_div">
                                <div class="intr_tit clearfix">
                                    <span class="fl line_sp"></span>
                                    <h3 class="fl title_h">适用渠道:</h3>
                                </div>
                                <div class="intr_text">
                                    <p>
                                        入园亲子体验活动
                                    </p>
                                </div>
                            </div>
                            <div class="intr_div">
                                <div class="intr_tit clearfix">
                                    <span class="fl line_sp"></span>
                                    <h3 class="fl title_h">活动目标:</h3>
                                </div>
                                <div class="intr_text">
                                    <p>
                                        1.通过入园体验活动，感受教师专业水平，增加意向客户群体，提升报名转化率 <br>
                                        2.引导幼儿使用不同的工具进行创作，培养幼儿的审美能力及创造力。<br>
                                        3.感受喷刷画活动的乐趣，积极参与，大胆使用颜色，喜欢参与不同形式的美术创作。
                                    </p>
                                </div>
                            </div>
                            <div class="intr_div">
                                <div class="intr_tit clearfix">
                                    <span class="fl line_sp"></span>
                                    <h3 class="fl title_h">目标人群:</h3>
                                </div>
                                <div class="intr_text">
                                    <p>
                                        2岁以上 15组——20组家庭
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="swiper-slide slidepage">
            <div class="swiper-container scroll">
                <div class="swiper-wrapper">
                    <div class="swiper-slide slidescroll">
                        <div class="guid_li">
                            <div class="intr_div">
                                <div class="intr_tit clearfix">
                                    <span class="fl line_sp"></span>
                                    <h3 class="fl title_h">晨检区:</h3>
                                </div>
                                <div class="intr_text">
                                    <p>
                                        1、位置：幼儿园大门入口或大厅入口处 <br>
                                        2、物品：手电筒、免洗洗手液、电子体温计、干湿纸巾、小医药箱等<br><br>
                                        幼儿园负责人1人 <br>
                                        保健医1人 <br>
                                        引导教师1人
                                    </p>
                                </div>
                            </div>
                            <div class="intr_div">
                                <div class="intr_tit clearfix">
                                    <span class="fl line_sp"></span>
                                    <h3 class="fl title_h">签到区:</h3>
                                </div>
                                <div class="intr_text">
                                    <p>
                                        1、Logo桌布1块铺在签到桌子上 <br>
                                        2、幼儿园微信公众号二维码、招生顾问二维码放置签到台上 <br>
                                        3、门型展架2个放置签到台两边 <br>
                                        4、如有大型卡通人偶也可在等待区跟小朋友互动 <br>
                                        5、宣传单页若干 <br>
                                        6、家长签到表+笔 <br>
                                        7、Logo姓名贴小朋友人手1张+油性记号笔 <br>
                                        8、入园背景音乐接待幼儿入园及等候游戏时播放 <br><br>
                                        签到教师2人 <br>
                                        引导教师1人
                                    </p>
                                </div>
                            </div>
                            <div class="intr_div">
                                <div class="intr_tit clearfix">
                                    <span class="fl line_sp"></span>
                                    <h3 class="fl title_h">等待区:</h3>
                                </div>
                                <div class="intr_text">
                                    <p>
                                        1、户外游戏区：摆放户外游戏物品，张贴户外玩具安全提示，告知家长和幼儿注意安全，老师巡视指导。<br>
                                        2、室内暖场区：儿童桌椅4套，桌上摆放好各类手头玩具，供提前到来的幼儿游戏等待。 <br>
                                        3、环境创设：在家长和幼儿会经过的公共区域投放喷刷画的作品。 <br><br>
                                        组织教师2人
                                    </p>
                                </div>
                            </div>
                            <div class="intr_div">
                                <div class="intr_tit clearfix">
                                    <span class="fl line_sp"></span>
                                    <h3 class="fl title_h">活动区:</h3>
                                </div>
                                <div class="intr_text">
                                    <p>
                                        1. 暖场音乐（建议选择代表园所特色的律动两首）<br>
                                        2. 滑溜布（可选择园所熟悉的互动游戏） <br>
                                        3. 课程准备： <br>
                                        各种颜料（每组若干）、各种图形的镂空卡片/插片玩具也可以（每组若干）、废旧牙刷每人一把、小沙网每人一个、画纸每人一张、幼儿围裙每人一个、示范画若干、垫板每人一个（或塑胶桌垫，每桌一张）、展示画的绳子（提前粘在教室一面墙上）、夹画用的小夹子若干、作品签、笔（给孩子写名字）
                                        <br>
                                        4．户外活动游戏器材：跳圈、塑料独木桥、塑料跨栏、钻洞玩具、投篮、爬行垫等<br><br>
                                        组织教师2人 <br>
                                        引导教师1人
                                    </p>
                                </div>
                            </div>
                            <div class="intr_div">
                                <div class="intr_tit clearfix">
                                    <span class="fl line_sp"></span>
                                    <h3 class="fl title_h">餐点区:</h3>
                                </div>
                                <div class="intr_text">
                                    <p>
                                        餐车、餐车布 <br>
                                        一次性口罩、手套、开餐服 <br>
                                        一次性logo纸杯 <br>
                                        餐巾纸5盒（如厕环节：老师手里一盒、品尝餐点时每桌一盒）<br>
                                        儿童餐盘人手一份 <br>
                                        坚果/点心/时令水果餐点前切好块放置餐盘中 <br><br>
                                        生活教师2人
                                    </p>
                                </div>
                            </div>
                            <div class="intr_div">
                                <div class="intr_tit clearfix">
                                    <span class="fl line_sp"></span>
                                    <h3 class="fl title_h">报名区:</h3>
                                </div>
                                <div class="intr_text">
                                    <p>
                                        幼儿报名表人手一份 <br>
                                        幼儿入园协议人手一份 <br>
                                        幼儿入园须知人手一份 <br>
                                        pos机/支付二维码 <br>
                                        收据/发票 <br>
                                        领取物品确认单人手一份 <br>
                                        幼儿随手礼（人手一份）供幼儿离园时发放--建议印有幼儿园名称/logo/二维码 <br><br>
                                        幼儿园负责人2人 <br>
                                        入园咨询人员2人 <br>
                                        礼品发放人员1 <br>
                                        财务人员1人
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="swiper-slide slidepage">
            <div class="swiper-container scroll">
                <div class="swiper-wrapper">
                    <div class="swiper-slide slidescroll">
                        <div class="guid_li">
                            <div class="intr_div">
                                <div class="intr_tit clearfix">
                                    <span class="fl line_sp"></span>
                                    <h3 class="fl title_h">时间:</h3>
                                </div>
                                <div class="intr_text">
                                    <p>
                                        活动前一天
                                    </p>
                                </div>
                            </div>
                            <div class="intr_div">
                                <div class="intr_tit clearfix">
                                    <span class="fl line_sp"></span>
                                    <h3 class="fl title_h">关键点:</h3>
                                </div>
                                <div class="intr_text">
                                    <p>
                                        方式：电话通知 <br>
                                        注意：统计人数，如不能按时参加问明原因并记录，邀请其参加下次活动 <br>
                                        关键：语调亲切适中，有电话记录 <br>
                                        责任人：活动教师或招生负责人 <br>
                                    </p>
                                </div>
                            </div>
                            <div class="intr_div">
                                <div class="intr_tit clearfix">
                                    <span class="fl line_sp"></span>
                                    <h3 class="fl title_h">具体内容:</h3>
                                </div>
                                <div class="intr_text">
                                    <p>
                                        话术指导： 亲爱的XXX小朋友家长您好，明天上午（XX点）幼儿园丰富多彩的体验活动就开始了，请您提前10分钟带宝贝入园。幼儿园里为宝贝准备了充足的饮用水，保证宝贝足够喝水量。请您今晚和宝贝早点睡觉哦，明天精神充沛一起来幼儿参加好玩的游戏活动。
                                        <br>
                                        1.上午电话提示家长参加入园准备，并统计人数。如不能按时参加问明原因并记录，邀请其参加下次 <br>
                                        2.人数不够时及时邀约其他家长参加。
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--<div class="swiper-slide slidepage">-->
        <!--<div class="swiper-container scroll">-->
        <!--<div class="swiper-wrapper">-->
        <!--<div class="swiper-slide slidescroll">-->
        <!--<div class="guid_li">-->
        <!--<div class="intr_div">-->
        <!--<div class="intr_tit clearfix">-->
        <!--<span class="fl line_sp"></span>-->
        <!--<h3 class="fl title_h">具体内容:</h3>-->
        <!--</div>-->
        <!--<div class="intr_text">-->
        <!--<p>-->
        <!--确认背景音乐、话筒、音响设备、准备到位并能正常使用和播放，音控人员负责所有有关设备使用和播放。-->
        <!--</p>-->
        <!--<p class="point">-->
        <!--关键点：所有音乐按照播放顺序储存在播放器（可准备2个备用）-->
        <!--</p>-->
        <!--</div>-->
        <!--</div>-->
        <!--<div class="intr_div">-->
        <!--<div class="intr_tit clearfix">-->
        <!--<span class="fl line_sp"></span>-->
        <!--<h3 class="fl title_h">签到处：</h3>-->
        <!--</div>-->
        <!--<div class="intr_text">-->
        <!--<p>-->
        <!--1、户外游戏区：摆放户外游戏物品，张贴户外玩具安全提示，告知家长和幼儿注意安全，老师巡视指导。<br>-->
        <!--2、室内暖场区：摆放儿童桌椅，桌上摆放好各类手头玩具，供幼儿进入等待区游戏。-->
        <!--</p>-->
        <!--<p class="point">-->
        <!--关键点：品牌露出 摆放合理-->
        <!--</p>-->
        <!--</div>-->
        <!--</div>-->
        <!--<div class="intr_div">-->
        <!--<div class="intr_tit clearfix">-->
        <!--<span class="fl line_sp"></span>-->
        <!--<h3 class="fl title_h">等待区:</h3>-->
        <!--</div>-->
        <!--<div class="intr_text">-->
        <!--<p>-->
        <!--1、户外游戏区：摆放户外游戏物品，张贴户外玩具安全提示，告知家长和幼儿注意安全，老师巡视指导。<br>-->
        <!--2、室内暖场区：摆放儿童桌椅，桌上摆放好各类手头玩具，供幼儿进入等待区游戏。-->
        <!--</p>-->
        <!--<p class="point">-->
        <!--关键点：品牌露出 摆放合理-->
        <!--</p>-->
        <!--</div>-->
        <!--</div>-->
        <!--<div class="intr_div">-->
        <!--<div class="intr_tit clearfix">-->
        <!--<span class="fl line_sp"></span>-->
        <!--<h3 class="fl title_h">检查：</h3>-->
        <!--</div>-->
        <!--<div class="intr_text">-->
        <!--<p>-->
        <!--检查活动需要的材料到位、老师准备工作到位。-->
        <!--</p>-->
        <!--<p class="point">-->
        <!--关键点：摆放合理 活动物品摆放整齐-->
        <!--</p>-->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->
        <!--</div>-->
        <div class="swiper-slide slidepage">
            <div class="swiper-container scroll">
                <div class="swiper-wrapper">
                    <div class="swiper-slide slidescroll">
                        <div class="guid_li">
                            <div class="intr_div">
                                <div class="intr_tit clearfix">
                                    <span class="fl line_sp"></span>
                                    <h3 class="fl title_h">一、入场环节</h3>
                                </div>
                                <div class="intr_text">
                                    <p>
                                        晨检区 <br><br>
                                        1、所有人员亲切与来园宝宝及家长亲切打招呼。<br>
                                        2、保健医穿专业医护服装，带口罩，态度亲切、主动热情与宝宝家长打招呼为幼儿测查体温、看手、口。<br>
                                        3、引导宝宝和家长使用免洗洗手液。 <br>
                                        4、引导教师引导检查结束的宝宝及家长到签到区。<br>
                                    </p>
                                    <p class="point_text">
                                        保健医要求：<br>
                                        如幼儿体温状况或口腔嗓子异常的孩子跟家长协商建议休息
                                    </p>
                                </div>
                                <div class="intr_text">
                                    <p>
                                        签到区 <br><br>
                                        1、所有教师仪容仪表整洁干净，头发扎起，着淡妆，统一园服，精神饱满，面带微笑，主动热情问好。          （签到处负责人话术：上午好（下午好）欢迎XXX宝贝和家长来到XX幼儿园）
                                        <br>
                                        2、引导家长为宝宝签到。<br>
                                        3、为宝宝贴姓名贴（位置：前胸），便于教师能准确叫出宝宝姓名 <br>
                                        4、引导现场到达未报名的家长扫二维码进行活动报名。

                                    </p>
                                    <p class="point_text">
                                        1.统一品牌露出 <br>
                                        2.课程/接待咨询组所有教师到场维护现场秩序一起互动 <br>
                                        3.引导教师对签完到的家长及时引领至等候区 <br>
                                    </p>
                                </div>
                                <div class="intr_text">
                                    <p>
                                        等候区 <br><br>
                                        由引导教师引导早来签完到的宝宝与家长到达等待区，接待组老师热情与宝宝游戏，主动与家长沟通，关注每个宝宝，并维护现场秩序。

                                    </p>
                                    <span class="line_span"></span>
                                </div>
                            </div>
                            <div class="intr_div">
                                <div class="intr_tit clearfix">
                                    <span class="fl line_sp"></span>
                                    <h3 class="fl title_h">二、室内活动环节</h3>
                                </div>
                                <div class="intr_text">
                                    <p>
                                        1.开场热身舞蹈。<br>
                                        主持人：<br>
                                        亲爱的小朋友和家长们大家早上好，我是XXX老师，欢迎来到XXX幼儿园。我们今天的入园体验活动分以下几个环节，热身操、集体游戏、、户外活动、品尝加餐、区域活动开放。下面我们想邀请所有的小朋友和我们可爱的老师一起舞动起来！
                                        请小朋友和爸爸妈妈面向老师站好，宝宝在前，爸爸妈妈在后，我们一起来做早操！请*老师播放音乐，谢谢。（播放舞蹈音乐，建议选择代表园所特色的律动两首）
                                        <br>
                                        2、做游戏：躲雨棚（播放背景音乐）（可选择园所熟悉的互动游戏）
                                        两个老师站在两端，把布扯起来，做成避雨大棚，让小朋友躲在里面。老师可以左右移动，小朋友也要快快的移动
                                        <br>
                                        3、引导幼儿和家长到教室开始美术活动。
                                        主持人：现在请我们爸爸妈妈拉好我们的小朋友，我们一起到教室去做游戏吧
                                    </p>
                                    <p class="point_text">
                                        场地要求1：热身舞蹈在幼儿园大厅或活动教室旁边的空教室进行。如果幼儿园有园歌或者代表性的歌曲，也可以做为热身舞的音乐，加强品牌传播。<br>
                                        教师要求2：课程/接待咨询组所有老师到场维护现场秩序一起互动 <br>
                                        教师要求3：热身舞蹈结束后带领宝宝和家长有秩序的排队进入准备好的教室进行接下来的室内活动。
                                    </p>
                                </div>
                                <div class="intr_text">
                                    <p>
                                        讲解示范<br><br>
                                        一、出示示范画，引起幼儿兴趣。<br>
                                        师：小朋友们大家好，我是*老师。今天我给大家带来了一张老师制作的画，大家看看你喜不喜欢呀。老师偷偷告诉你们，这幅画可不是用笔画出来的哦。<br>
                                        二、请幼儿观察和学习喷刷画的制作方法。（展示多张喷刷画及牙刷、小沙网等工具，并1.介绍这些工具的使用方法。<br>
                                        师：这幅画是喷刷画，喷刷画，谁猜猜是怎么制作出来的呀？你们看，我这里有一些小工具，（然后每样工具分别介绍，可以让幼儿上前来看，摸一摸、讲一讲工具他们见没见过，在哪见过，是做什么用的。然后介绍工具的使用方法。）<br>
                                        2.介绍喷刷画的制作过程并演示 <br>
                                        师：首先用树枝（花、草、卡片等辅助物）在白纸上拼出自己喜欢的图形，然后，用牙刷蘸上颜料，在小沙网上来回刷，把颜料刷在纸上。把纸晾干后，再取下树枝，画纸上就会留下喷刷画的图案。这样，喷刷画就制作完成了。
                                    </p>
                                </div>
                                <div class="intr_text">
                                    <p class="point_text">
                                        教师要求： <br>
                                        1.熟知活动内容，活动流程自然过渡，两位教师递送制作材料配合默契 <br>
                                        2.教师精神状态良好，态度热情大方、使用专业指导语 <br>
                                        3.美工活动中教师要渗透操作常规，蘸颜料的方法、随时清洁周边。
                                    </p>
                                </div>
                                <div class="intr_text">
                                    <p>
                                        亲子操作<br><br>
                                        1、老师交代要求，幼儿开始制作教师巡回指导。<br>
                                        2、引导幼儿自选图形，拼出自己喜欢的图形，提醒幼儿刷完一种颜色要把牙刷放回空杯里，再用第二个刷，鼓励幼儿尝试多种颜色进行喷刷，引导幼儿自己发现混合色。
                                        例：黄+红=橙、黄+蓝=绿、蓝+红=紫、等 <br>
                                        3、画完的幼儿找老师贴上作品贴，并把画夹在展示绳上做晾干。<br>
                                    </p>
                                </div>
                                <div class="intr_text">
                                    <p>
                                        过渡环节<br><br>
                                        1、组织幼儿分组入厕盥洗后排队拿水杯，喝少许温开水。<br>
                                        2、准备户外活动 <br>
                                        老师：现在我要邀请小朋友到户外去做游戏啦，现在我们就出发吧。
                                    </p>
                                    <p class="point_text">
                                        使用专业指导语，渗透常规，关注个别幼儿
                                    </p>
                                </div>
                                <div class="intr_text">
                                    <p>
                                        户外活动<br><br>
                                        户外活动游戏器材：将跳圈、塑料独木桥、塑料跨栏、钻洞玩具等摆成循环。<br>
                                        1、提要求 <br>
                                        老师：每个小朋友排好队，一个跟着一个进行游戏。（因为是循环练习，所以不需要幼儿回去重新排队，循环练习就可以）<br>
                                        2、老师示范 <br>
                                        3、幼儿游戏
                                    </p>
                                    <p class="point_text">
                                        孩子进行体验游戏时，老师在旁边也及时协助，保证幼儿安全。
                                    </p>
                                    <span class="line_span"></span>
                                </div>
                            </div>
                            <div class="intr_div">
                                <div class="intr_tit clearfix">
                                    <span class="fl line_sp"></span>
                                    <h3 class="fl title_h">三、加餐环节</h3>
                                </div>
                                <div class="intr_text">
                                    <p>
                                        入厕盥洗<br><br>
                                        教师：现在我们要一起到户外去做游戏了，和爸爸妈妈一起拉拉手，还是宝宝在左边，家长在右边，我们出发啦。<br>
                                        1.一起进入教室后，教师和家长协助宝宝整理衣服，分组入厕盥洗。在如厕洗手环节中生活教师做到细致照顾宝宝并帮助整理衣服 <br>
                                        2.配班教师、接待咨询组教师在洗手池边指导幼儿洗手六步法，提醒幼儿用纸巾擦手。
                                    </p>
                                    <p class="point_text">
                                        教师要求： <br>
                                        1.教师站位合理，照顾好每一名宝宝 <br>
                                        2.分工明确，相互配合 <br>
                                        3.备餐、分餐教师在准备餐点及分餐时带一次性口罩、手套、穿开餐服
                                    </p>

                                </div>
                                <div class="intr_text">
                                    <p>
                                        餐点品尝<br><br>
                                        1、生活教师穿开餐服，戴口罩、帽子，将餐桌清-消-清。（教师介绍：现在我们的生活教师正在消毒桌面，幼儿园每次开餐前也是按照清水-消毒水-清水的顺序对宝宝餐桌进行消毒，保证宝宝进餐的卫生。） <br>
                                        2、生活教师带一次性手套分发餐点、水果，每份餐点用餐盘盛放。<br>
                                        3、进餐结束后提醒宝宝擦嘴、洗手。
                                    </p>
                                    <span class="line_span"></span>
                                </div>
                            </div>
                            <div class="intr_div">
                                <div class="intr_tit clearfix">
                                    <span class="fl line_sp"></span>
                                    <h3 class="fl title_h">四、教育咨询环节</h3>
                                </div>
                                <div class="intr_text">
                                    <p>
                                        互动环节<br><br>
                                        教师：各位宝宝和家长们是不是在XXX幼儿园里度过了一个愉快的上午，宝宝们记住了老师的名字了吗？依次引导宝宝说出教师的称呼，表扬宝宝。接下来有请XX园长为各位家长进行幼儿园介绍。
                                    </p>
                                    <p class="point_text">
                                        话术统一，家长常见问题话术整理并提前学习
                                    </p>

                                </div>
                                <div class="intr_text">
                                    <p>
                                        园长介绍<br><br>
                                        园长发言：<br>
                                        1、幼儿园整体情况介绍（特色、课程）。<br>
                                        2、本次活动的教学目的。<br>
                                        各位家长宝宝们：大家好！为了让大家更加全面的了解幼儿园，今天邀请大家一起进行了幼儿园活动体验，感受了幼儿园的教育理念，了解了我们教师的专业性，我园是以**为特色，开展**的教育教学活动……（幼儿园特色、课程，结合本园特点进行介绍）。
                                        <br>
                                        今天，我们开展了好玩的喷刷画这个亲子活动，美工类的活动是孩子们非常喜欢的，，因为他们喜欢动手操作喜、欢颜色、喜欢涂鸦，而小年龄的孩子更应该为他们提供不同的材料和工具，发挥孩子们的想象力、创造力，希望家长们在家中也可以经常和孩子们在一起涂涂画画，你会发现孩子们的创作也一样的精彩。
                                    </p>
                                </div>
                                <div class="intr_text">
                                    <p>
                                        入园沟通<br><br>
                                        1.教育咨询顾问介绍园所收费标准和优惠政策 <br>
                                        2.宝宝吃完餐点后进入自选区域游戏，每区域一位老师陪同宝宝游戏，并为家长讲解游戏中能够发展宝宝什么样的能力及拓展。<br>
                                        3.教育咨询组教师，针对家长报名问题，进行一对一咨询沟通，转化报名
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="swiper-slide slidepage">
            <div class="swiper-container scroll">
                <div class="swiper-wrapper">
                    <div class="swiper-slide slidescroll">
                        <div class="guid_li">
                            <div class="intr_div">
                                <div class="intr_tit clearfix">
                                    <span class="fl line_sp"></span>
                                    <h3 class="fl title_h">复盘:</h3>
                                </div>
                                <div class="intr_text">
                                    <p>
                                        活动目标（邀约人数、参加人数、转化率、意向家长）<br>
                                        活动效果（幼儿参与活动情况、家长互动、教师互相配合、话术介绍是否清晰、家长是否有新的需求和疑问、与家长沟通是否到位）<br>
                                        活动改进（下一次活动注意事项，罗列出来，将所有整理入话术手册，便于下次活动使用）

                                    </p>
                                    <p class="point">
                                        每位教师都要发言，总结本次活动的优点和不足
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="../js/jquery-2.1.1.min.js"></script>
<script src="../js/myswiper.min.js"></script>
<script>
    //暂时设计每个slide大小需要一致
    barwidth = 36 //导航橙色条的长度px
    tSpeed = 300 //切换速度300ms
    var navSwiper = new Swiper('#nav', {
        slidesPerView: 4,
        freeMode: true,
        on: {
            init: function () {
                console.log("----init-----")
                navSlideWidth = this.slides.eq(0).css('width'); //导航字数需要统一,每个导航宽度一致
                bar = this.$el.find('.bar')
                bar.css('width', navSlideWidth)
                bar.transition(tSpeed)
                navSum = this.slides[this.slides.length - 1].offsetLeft //最后一个slide的位置

                clientWidth = parseInt(this.$wrapperEl.css('width')) //Nav的可视宽度
                navWidth = 0
                for (i = 0; i < this.slides.length; i++) {
                    navWidth += parseInt(this.slides.eq(i).css('width'))
                }

                topBar = this.$el.parents('body').find('#top') //页头
                $('#page').animate({scrollTop: 0}, 10);

            },

        },
    });

    var pageSwiper = new Swiper('#page', {
        watchSlidesProgress: true,
        resistanceRatio: 0,
        on: {
            touchMove: function () {
                progress = this.progress
                bar.transition(0)
                bar.transform('translateX(' + navSum * progress + 'px)')
                //粉色255,72,145灰色51,51,51
                for (i = 0; i < this.slides.length; i++) {
                    slideProgress = this.slides[i].progress
                    if (Math.abs(slideProgress) < 1) {
                        r = Math.floor((255 - 153) * (1 - Math.pow(Math.abs(slideProgress), 2)) + 153)
                        g = Math.floor((83 - 153) * (1 - Math.pow(Math.abs(slideProgress), 2)) + 153)
                        b = Math.floor((11 - 153) * (1 - Math.pow(Math.abs(slideProgress), 2)) + 153)
                        navSwiper.slides.eq(i).find('span').css('color', 'rgba(' + r + ',' + g + ',' + b + ',1)')
                    }
                }
            },
            transitionStart: function () {
                console.log("----transitionStart-----")
                activeIndex = this.activeIndex
                activeSlidePosition = navSwiper.slides[activeIndex].offsetLeft
                //释放时导航粉色条移动过渡
                bar.transition(tSpeed)
                bar.transform('translateX(' + activeSlidePosition + 'px)')
                //释放时文字变色过渡
                navSwiper.slides.eq(activeIndex).find('span').transition(tSpeed)
                navSwiper.slides.eq(activeIndex).find('span').css('color', 'rgba(255, 83, 11, 1)')
                if (activeIndex > 0) {
                    navSwiper.slides.eq(activeIndex - 1).find('span').transition(tSpeed)
                    navSwiper.slides.eq(activeIndex - 1).find('span').css('color', 'rgba(153, 153, 153, 1)')
                }
                if (activeIndex < this.slides.length) {
                    navSwiper.slides.eq(activeIndex + 1).find('span').transition(tSpeed)
                    navSwiper.slides.eq(activeIndex + 1).find('span').css('color', 'rgba(153, 153, 153, 1)')
                }
                //导航居中
                navActiveSlideLeft = navSwiper.slides[activeIndex].offsetLeft //activeSlide距左边的距离

                navSwiper.setTransition(tSpeed)
                if (navActiveSlideLeft < (clientWidth - parseInt(navSlideWidth)) / 2) {
                    navSwiper.setTranslate(0)
                } else if (navActiveSlideLeft > navWidth - (parseInt(navSlideWidth) + clientWidth) / 2) {
                    navSwiper.setTranslate(clientWidth - navWidth)
                } else {
                    navSwiper.setTranslate((clientWidth - parseInt(navSlideWidth)) / 2 - navActiveSlideLeft)
                }
                $('#page').animate({scrollTop: 0}, 10);

            },
        }
    });

    navSwiper.$el.on('touchstart', function (e) {
        e.preventDefault() //去掉按压阴影
    })
    navSwiper.on('tap', function (e) {
        console.log("----tap-----")
        clickIndex = this.clickedIndex
        clickSlide = this.slides.eq(clickIndex)
        pageSwiper.slideTo(clickIndex, 0);
        this.slides.find('span').css('color', 'rgba(153, 153, 153, 1)');
        clickSlide.find('span').css('color', 'rgba(255,83,11,1)');
    })

    //内容滚动
    var scrollSwiper = new Swiper('.scroll', {
        //65是头部的高
        //36是top地址和搜索的高

        slidesOffsetBefore: 72,
        direction: 'vertical',
        freeMode: true,
        slidesPerView: 'auto',

        mousewheel: {
            releaseOnEdges: true,
        },
        on: {
            touchMove: function () {

                if (this.translate > 72 - 36 && this.translate < 72) {
                    topBar.transform('translateY(' + (this.translate - 72) + 'px)');
                }

            },
            touchStart: function () {
                startPosition = this.translate
            },
            touchEnd: function () {
                console.log("----touchEnd-----")
                topBar.transition(tSpeed)
                $('#page').animate({scrollTop: 0}, 10);
                if (this.translate > 36 && this.translate < 72 && this.translate < startPosition) {
                    topBar.transform('translateY(-36px)');
                    for (sc = 0; sc < scrollSwiper.length; sc++) {
                        if (scrollSwiper[sc].translate > 36) {
                            scrollSwiper[sc].setTransition(tSpeed);
                            scrollSwiper[sc].setTranslate(36)
                        }
                    }
                }
                if (this.translate > 36 && this.translate < 72 && this.translate > startPosition) {
                    topBar.transform('translateY(0px)');
                    for (sc = 0; sc < scrollSwiper.length; sc++) {
                        if (scrollSwiper[sc].translate < 72 && scrollSwiper[sc].translate > 0) {
                            scrollSwiper[sc].setTransition(tSpeed);
                            scrollSwiper[sc].setTranslate(72)
                        }
                    }
                }
            },

            transitionStart: function () {

                topBar.transition(tSpeed)
                if (this.translate < 72 - 36) {
                    topBar.transform('translateY(-36px)');
                    if (scrollSwiper) {
                        for (sc = 0; sc < scrollSwiper.length; sc++) {
                            if (scrollSwiper[sc].translate > 36) {
                                scrollSwiper[sc].setTransition(tSpeed);
                                scrollSwiper[sc].setTranslate(36)
                            }
                        }
                    }

                } else {
                    topBar.transform('translateY(0px)');

                    if (scrollSwiper) {
                        for (sc = 0; sc < scrollSwiper.length; sc++) {
                            if (scrollSwiper[sc].translate < 72 && scrollSwiper[sc].translate > 0) {
                                scrollSwiper[sc].setTransition(tSpeed);
                                scrollSwiper[sc].setTranslate(72)
                            }
                        }
                    }
                }
            },
        }

    })
</script>
<script type="text/javascript">
    $(function () {

        var newStyle = $("<style> @font-face {font-family: 'myFont';  src: url('../fonts/HYQiHei-50S.ttf');} </style>");
        $('body').append(newStyle);
    });
</script>
</body>
</html>